<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      //webwork 可以把需要的一些逻辑 拆分成异步 逻辑
      //如果逻辑有大量运算会造成阻塞

      console.log("逻辑一执行了");

      var work1 = new Worker("./a.js"); //通过webworker把a.js文件引入到js里

      //监听a.js发送的信息
      work1.addEventListener("message", function (e) {
        console.log("work1的事件对象", e.data);
      });
      //   console.time();
      //   var num = 0;
      //   for (var i = 0; i < 100000000; i++) {
      //     num += i;
      //   }
      //   console.log(num);
      //   console.timeEnd();

      console.log("逻辑二执行了");
      var work2 = new Worker("./b.js");
      //   console.time();
      //   var num1 = 0;
      //   for (var j = 0; j < 100000000; j++) {
      //     num1 += j;
      //   }
      //   console.log(num1);
      //   console.timeEnd();

      work2.addEventListener("message", function (e) {
        console.log("work2接收到的值是", e.data);
      });
      console.log("逻辑三的代码执行了");

      // 文件打开html ： file:///D:/%E5%B0%9A%E7%A1%85%E8%B0%B7/221124/day11/2.webwork.html
      // 服务器打开页面：http://127.0.0.1:5500/day11/2.webwork.html
      //                协议：// 域名   : 端口 / 地址
    </script>
  </body>
</html>
